

<template>
  <div class="div-show">
    <div class="logos">logo</div>
    <el-menu
      :default-active="activeIndex"
      class="el-menu-demo"
      mode="horizontal"
      @select="handleSelect"
    >
      <el-col>
        
        <el-dropdown trigger="click" v-for="(item,j) in tableData[1].title" :key="j">
          <span class="el-dropdown-link">
            {{item}}         
          </span>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item >黄金糕</el-dropdown-item>
            <el-dropdown-item >狮子头</el-dropdown-item>
            <el-dropdown-item >螺蛳粉</el-dropdown-item>
            <el-dropdown-item >双皮奶</el-dropdown-item>
            <el-dropdown-item >蚵仔煎</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
      </el-col>
     
    </el-menu>
    
    <el-row>
      <el-col>
        <div class="block">
          <el-carousel trigger="click" :height="height">
            <el-carousel-item v-for="(item,k) in tableData[0].fits" :key="k">
              <div>{{item}}</div>
            </el-carousel-item>
          </el-carousel>
        </div>
      </el-col>
    </el-row>
    <el-divider></el-divider>
    <div class="app">
    <div class="title" >标题01</div>
    <el-divider></el-divider>
    <div class="details">
      轻浅流年，独舞红尘
      竹外桃花，纷纷飘落。卿舞霓裳，君弹曲。高山流水，绕指尖幽幽荡漾。执一叶扁舟，在岁月的河流上，演绎一场不离散的笙歌，可好……——题记 犹记曾经，君袭一屡白衣，从陌上花开的小径款款而来，桃花灼灼，惊起了我的一帘幽梦。从此，诗词歌赋，烟雨桃花，都失去了色彩，只有君的身影，丝丝抨击着心海。 不再叹天若有情，不再盼三寸天堂。只因这素洁的红尘有了你的陪伴，相思惹起了无边的牵盼。情到深处无怨尤，
      晚秋的回音
      月色下飘着秋芳的清香，柳岸的幽径荡出一曲深情的恋歌，歌词和旋律都充满着温馨并给人以朦胧的美丽。思绪从这里开始旅行，遥想着远方的月夜，是否也是婉约的，朦胧的，是否也有霓虹灯辉淋浴，是否也在某个柳岸的幽径荡出一曲深情的恋歌，是否也伴着绵绵柔柔的南国风情？ 月色下的柳岸继续弥漫着恋歌，尽管歌词和旋律缠绵不绝，尽管歌词和旋律早已沁入心扉，心，还是被屡次的颤动。 月色下的柳岸有三三两两的人在
      在那烟雨中的文字
      江南烟雨，似乎是愁的代名词，在文字中，我们和江南烟雨相约了几千年，在让人生愁的江南烟雨面前，我们又和文字相约了几千年，烟雨中我们相识了带着娇愁美的佳人，也相识了带着满腹忧怨的才子，还相识过带着清愁的文人骚客。记忆中的那些过往的历史记载，或缠绵悱恻，或悱恻缠绵。 如果在暮春的烟雨中抚琴一曲，并在脸颊露着不易察觉的浅笑，那么，在荷花初绽的时节一定会遇到惊喜，此时，音乐的旋律将是高山流水般的动
      夏夜与月光相伴
      夏日的夜晚，江南的山村洒满了柔软的月光，一双黑色的眸子伸向了柔软的月光中，远处一曲柔婉的笛音在月
    </div>
  </div>
  </div>
</template>


<script>

export default {
  data() {
    return {
      tableData: [
        {
          fits: ["fill", "contain", "cover", "none", "scale-down"]
        },
        {
          title: ["栏目1", "栏目2", "栏目3"]
        },
        {
          b: ["标题1", "标题2", "标题3"]
        }
      ],
     

    };
  },
  //beforeMount:function(){
  //       this.height = $(window).width()*664/1920 + 'px';
  //},
  methods: {
    handleSelect(key, keyPath) {
      console.log(key);
      console.log(keyPath);
    },
    getpage(id){
      console.log(id)
      this.$router.push(
        {
          name:`page`,
        
        }
      )
    }
  },
  watch:{
    
  }
};
</script>

<style lang="scss" scoped>
@import "index.scss";
</style>
